<template>
	<view class="container all">
		<view class="collection_list" v-for="(item,index) in coll" :key="index">
			<view class="coll_left">
				<image src="/static/image/business/14.png" mode=""></image>
				<view class="coll_num">
					<view class="num1">￥ {{item.totalIncome}}</view>
					<view class="num2">{{item.currDate}} 收益款项（元）</view>
				</view>
			</view>
			<view class="coll-right">
				<button class="btn1" v-if="item.confirmMoney == 0" @click="confirmReceiveMoney(item.id)">确认收款</button>
				<button class="btn2" v-else-if="item.confirmMoney == 1">已收款</button>
			</view>
		</view>
	</view>
</template>

<script>
	import $http from "@/ajax/http.js";
	import {
		business
	} from "@/common/mixins/proceeds/business.js"
	export default {
		mixins: [business],
	}
</script>

<style scoped lang="scss">
	@import '@/common/sass/all/all.scss';
	
	.collection_list {
		height: 150rpx;
		width: 677rpx;
		background-color: #ffffff;
		border-radius: 25rpx;
		margin-top: 15rpx;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-around;

		.coll_left {
			display: flex;
			flex-direction: row;
		}

		.coll-right {
			width: 180rpx;
			height: 110rpx;
			display: flex;
			align-items: center;
			border-left: 1rpx solid #dedede;

			.btn1,
			.btn2 {
				width: 147rpx;
				height: 46rpx;
				line-height: 46rpx;
				font-size: 22rpx;
				font-weight: 400;
				color: #FFFFFF;
				background-color: #00828c;
				border-radius: 25rpx;
				margin-left: 30rpx;
			}

			.btn2 {
				background-color: #b2b2b2;
			}
		}

		image {
			width: 77rpx;
			height: 78rpx;
		}

		.coll_num {
			height: 78rpx;
			line-height: 45rpx;
			display: flex;
			flex-direction: column;
			margin-left: 15rpx;

			.num1 {
				font-size: 34rpx;
				font-weight: 300;
				color: #00828C;
			}

			.num2 {
				font-size: 24rpx;
				font-weight: 300;
				color: #3E3A39;
			}
		}
	}
</style>